﻿<!--Checkbox and Radio Start-->
<div class="grid">
    <div class="grid-title">
        <div class="pull-left">
            <div class="icon-title"><i class="icon-bookmark"></i></div>
            <span>Checkbox and Radio</span>
            <div class="clearfix"></div>
        </div>
        <div class="pull-right">
            <div class="icon-title"><a href="#"><i class="icon-refresh"></i></a></div>
            <div class="icon-title"><a href="#"><i class="icon-user"></i></a></div>
            <div class="icon-title"><a href="#"><i class="icon-cog"></i></a></div>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="grid-content overflow">
        <div class="formRow">
            <div class="distance distance-2">
                <p>
                    <input type="radio" id="r2" name="rr" checked="checked" />
                    <label for="r2"><span></span>Selected radio</label>
                </p>
                <p>
                    <input type="radio" id="r1" name="rr" />
                    <label for="r1"><span></span>Normal state</label>
                </p>
                <p>
                    <input type="checkbox" id="c2" name="cc" checked="checked" />
                    <label for="c2"><span></span>Checked</label>
                </p>
                <p>
                    <input type="checkbox" id="c1" name="cc" />
                    <label for="c1"><span></span>Normal state</label>
                </p>
            </div>
        </div>
    </div>
</div>
<!--Checkbox and Radio  END-->